.ArticleList-bg {
  padding-top: 20px;
  width: 100%;
  height: calc(100vh - 54px);
  background: -webkit-linear-gradient(rgba(256, 256, 256, 0.3) 0%, rgba(256, 256, 256, 0.8) 100%), url(../../../media/articleList.png) no-repeat;
  background: -o-linear-gradient(rgba(256, 256, 256, 0.3) 0%, rgba(256, 256, 256, 0.8) 100%), url(../../../media/articleList.png) no-repeat;
  background: linear-gradient(rgba(256, 256, 256, 0.3) 0%, rgba(256, 256, 256, 0.8) 100%), url(../../../media/articleList.png) no-repeat;
  background-size: 60% 90vh;
  background-position: left bottom;
}
.ArticleList {
  background: rgba(250, 250, 250, .8);
  padding: 20px;
  border-radius: 10px;
  min-height: 80vh;
    /*margin-top: 20px;*/
}
.ArticleLi-head {
  height: 35px;
  line-height: 35px;
  padding-bottom: 5px;
  border-bottom: 1px solid #A2D5F2;
}
.ArticleLi-head p span {
  color: #999;
}
.ArticleList h2 {
  color: #07689f;
  text-shadow: 1px 1px #3399cc;
  font-size: 2.3em;
  margin-bottom: 50px;
}
.ArticleList .ArtricleList-addArticlebtn {
  border: 0;
  margin-top: 20px;
}
.ArticleList .ArtricleList-addArticlebtn:hover {
  color: rgba(255, 126, 103, 0.6);
}
.ArticleLi-secondRow-head span, .ArticleLi-thirdRow-head span {
  display: inline-block;
  margin-right: 2px;
}
